<template>
  <a-layout class="simba-data">
    <a-layout-header class="simba-data-header">Header</a-layout-header>
    <a-layout style="display: flex;">
      <AsyncEditMenu />
      <AsyncEditWrapper/>
      <AsyncEditConfiguration/>
    </a-layout>
  </a-layout>
</template>
<script setup lang="ts">
import { loadAsyncComponent } from '@/utils/component';
const AsyncEditMenu = loadAsyncComponent(() => import('@/views/ContentEdit/EditMenu/EditMenu.vue'));
const AsyncEditWrapper = loadAsyncComponent(() => import('@/views/ContentEdit/EditWrapper/EditWrapper.vue'));
const AsyncEditConfiguration = loadAsyncComponent(() => import('@/views/ContentEdit/EditConfiguration/EditConfiguration.vue'));
</script>

<style lang="scss" scoped>
.simba-data{
  width: 100vw;
  height: 100vh;
  .simba-data-header {
    height: $--header-height;
  }
}
</style>